@charset "utf-8";
/* 2012 주소록 UI */

/***** Common *****/
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
	margin: 0;
	padding: 0
}
body, input, textarea, select, button, table {
	font-family: Arial, Verdana, MS Gothic, Gulim, Dotum, sans-serif;
	font-size: 12px;
	color: #444
}
table {
	border-collapse: collapse
}
/* td 공백시에도 스타일(border..) 적용 */
img, fieldset {
	border: 0
}
legend, caption {
	display: none
}
ul, ol {
	list-style: none
}
em, address {
	font-style: normal
}
a {
	outline: 0;
	text-decoration: none;
	color: #0066cc
}
a:hover {
	text-decoration: none;
}
input {
	ime-mode: active
}
select {
	min-width: 45px
}
html, body {
	height: 100%
}
table {
	clear: both
}
body {}


.cen {text-align: center;}
.inp_txt {float:left;border:1px solid #C0C0C0;height:20px; line-height:22px;padding:3px 5px; padding-bottom:0;margin-right:5px;color:#333;}

.content_box {width:100%;min-width:778px;min-height:100%;border:1px solid #c0c0c0;border-bottom:0;border-top:0;}
.content {font-size:12px;color:#444;}
	.title_bar {position:relative;overflow:hidden;height:26px;margin:0 10px;margin-bottom:15px;padding-top:10px;}
	.title {overflow:hidden;max-width:100%;height:26px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight: bold;vertical-align:bottom;background:url(../images/TITLE_BULLET_LINE.GIF) repeat-x}
	.title span {padding:5px 10px 3px 20px;line-height:26px;border-bottom:2px solid #000;background:url(../images/bul_title.gif) 0 0 no-repeat;}

	.quick_add {margin:10px;margin-bottom:15px;border:1px solid #dddddd;padding:8px 10px;background:#f6f6f6;clear:both;}
	.quick_add:after {clear:both;display: block; content:'';}	
	.quick_add_ttl {font-weight:900;float:left;margin:0 5px;line-height:2.2;}
	

	.basic_selct {display: block;float:left;position:relative;width:175px;height:23px;margin-right:5px;background-color:#fff;z-index:998;}
	.basic_selct a {color:#444;display:block;float:left;overflow:hidden;width:140px;height:20px;line-height:20px;padding:3px 28px 0 5px; background:url(../images/slct_more_arr.gif) 100% 50% no-repeat; border:1px solid #C0C0C0;}
	
	.basic_btn {display:inline-block;float:left;overflow:hidden;height:25px;padding-left:10px;background:url(../images/bg_btn_add.gif) 0 0 no-repeat;font-weight:900;}
	.basic_btn span {display:block;float:left;height:18px;padding-top:7px;padding-right:10px;color:#fff;background:url(../images/bg_btn_add.gif) 100% 0;}
	

	/*전체 ㄱㄴㄷ...*/
.filter_area {clear:both;position:relative;_display: inline-block;float:left;margin:10px;margin-top:0px;z-index:1;}
.filter_area a:hover {text-decoration: none;}
*:first-child+html .filter_area{display: inline-block;}
.filter_area:after{display: block;content:'';clear:both;}
.word_thmb{}
.word_thmb li{display: inline-block;float:left;height:22px;}
.word_thmb li a{display: block;float:left;height:16px;padding:5px 6px;padding-bottom:0;margin-right:3px;font-size: 11px;color:#555;border:1px solid #ccc;}
.word_thmb li a:hover{background-color:#F3F3F3;}
.word_thmb li a.select {color:#fff;border-color:#777;background-color:#777;}



.srch_area {overflow:hidden;position:relative;float:right;height:22px;margin:0 6px 8px 10px;color:#333;}
.srch_area a:hover{text-decoration: none;}
.search select {float:left;margin-right:3px;height:22px;}
.search input {float:left;border:1px solid #B3B3B3;width:120px;height:20px;padding:0 2px;}
.search .srch_btn{display: block;float:left;overflow:hidden;height:20px;padding:0 10px; margin-left:-1px;margin-right:4px;text-align:center;line-height:20px;color:#fff;border:1px solid #888;background:url(../images/bg_btn_add.gif) 5% 10% no-repeat;}

/*
	
	.filter_area {clear:both;position:relative;float:left;margin:10px;margin-top:0px;}
	.filter_area:after {content:'.';visibility: hidden;display: block;height:0;clear:both;}
	.word_thmb li {float:left;margin-right:1px;display:inline-block;height:22px;} 
	.word_thmb li a {padding:4px 6px;border:1px solid #cccccc;color:#555;display: block;float:left;margin-right:3px;font-size:0.9em;}
	.word_thmb li a:hover {background-color:#F3F3F3;}
	.word_thmb li a.select {background:#777777;color:#fff;border:1px solid #777777;}
	

	.srch_area {float:right;margin-bottom:10px;margin-right:10px;} .srch_area:after{content:'';clear:both;display: block;}
	.search select {height:22px;float:left;margin-right:3px;}
	.search input {height:20px;border:1px solid #b3b3b3;float:left;width:124px;}
	.search .srch_btn {color:#fff;border:1px solid #898989;margin-right:3px;padding:3px 10px 2px; float:left;
		background: rgb(133,133,133); 
		background: -moz-linear-gradient(top,  rgba(133,133,133,1) 0%, rgba(110,110,110,1) 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,133,133,1)), color-stop(100%,rgba(110,110,110,1))); 
		background: -webkit-linear-gradient(top,  rgba(133,133,133,1) 0%,rgba(110,110,110,1) 100%); 
		background: -o-linear-gradient(top,  rgba(133,133,133,1) 0%,rgba(110,110,110,1) 100%); 
		background: -ms-linear-gradient(top,  rgba(133,133,133,1) 0%,rgba(110,110,110,1) 100%); 
		background: linear-gradient(to bottom,  rgba(133,133,133,1) 0%,rgba(110,110,110,1) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#6e6e6e',GradientType=0 ); 
	}
	.search .srch_btn:last-child {margin:0;}
*/	


.btn_area {clear:both;_display: inline-block;border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:6px 10px;background-color:#ddd;}
*:first-child+html .btn_area, *:first-child+html .btn_area_foot{display: inline-block;}
.btn_area:after{display: block;clear:both;content:'';}
.btns{float:left;}
.btns li {float:left;position:relative;margin-right:5px;}
.btns li.group{margin-right:-1px;}
.btns li.btn_divider{display: block;width:1px;height:22px;padding:0;margin:1px 7px 0 2px;border-right:1px solid #eee;background-color:#A4A4A4;}
.btns a {overflow: hidden;display: block;float:left;height:24px;line-height:24px;padding-right:10px;background:url(../images/btn_basic.gif) 100% 0 no-repeat;color:#222;}
.btns .btn_rgt {border-left:1px solid #9B9B9B;padding-left:9px;}
.btns .btn_lft {background:url(../images/btn_basic_l.gif) 0 0 no-repeat;padding-left:10px;}
.btns .btn_lft:hover{background-position:0 100%;}
.btns .btn_rgt {background:url(../images/btn_basic_r.gif) 100% 0 no-repeat;}
.btns span {display: block;float:left;height:24px;padding-left:10px;background:url(../images/btn_basic.gif) 0 0 no-repeat;}
.btns span img{float:left;margin:-2px 2px 0 -2px;}

.section_r {float:right;}
.lst_option, .lst_option li {float:left;}
.lst_option select {float:left;height:24px;margin-left:5px;}
.btn_icons {float:left;}
.btn_icons li {overflow:hidden;display: block;float:left;width:26px;height:24px;margin-left:5px;}
.btn_icons li.group {margin-left:-1px;}
.btn_icons li.btn_divider {display: block;width:1px;height:22px;padding:0;margin:1px 2px 0 7px;border-right:1px solid #eee;background-color:#A4A4A4;}
.btn_icons a {display: block;float:left;width:26px;height:24px;cursor:pointer;background:url(../images/bg_btn_icons.gif) 0 0 no-repeat;}
.btn_icons a:hover{background-position:bottom;}
.btn_icons a img {margin-top:4px;margin-left:4px;}
.btn_icons .btn_lft{background:url(../images/btn_basic.gif) 0 0 no-repeat;}
.btn_icons .btn_lft:hover {background-position:0 100%;}
.btn_icons .btn_rgt {width:25px;background:url(../images/btn_basic_r.gif) 100% 0 no-repeat;border-left:1px solid #9B9B9B;}
.btn_icons .btn_rgt:hover {background-position:100% 100%;}


/*
.btn_area, .btn_area_foot {
	clear: both;
	_display: inline-block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px 10px;
	background-color: #ddd
}

.btn_area:after, .btn_area_foot:after {
	display: block;
	clear: both;
	content: ''
}
.btn_area_foot {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #e5e5e5
}
.btns {
	float: left
}
.btns li {
	float: left;
	position: relative;
	margin-right: 5px
}
.btns li.group {
	margin-right: -1px
}
.btns li.btn_divider {
	display: block;
	width: 1px;
	height: 22px;
	padding: 0;
	margin: 1px 7px 0 2px;
	border-right: 1px solid #eee;
	background-color: #a4a4a4;
}
.btns a {
	overflow: hidden;
	display: block;
	float: left;
	height: 24px;
	line-height: 24px;
	padding-right: 10px;
	background: url(../images/btn_basic.gif) 100% 0 no-repeat;
	color: #222
}
.btns .btn_cen, .btns .btn_rgt {
	border-left: 1px solid #9b9b9b;
	padding-left: 9px
}
.btns .btn_lft {
	background: url(../images/btn_basic_l.gif) 0 0 no-repeat;
	padding-left: 10px
}
.btns .btn_lft:hover {
	background-position: 0 100%
}
.btns .btn_cen {
	background: url(../images/btn_basic_c.gif) 0 0 repeat-x
}
.btns .btn_rgt {
	background: url(../images/btn_basic_r.gif) 100% 0 no-repeat
}
.btns span {
	display: block;
	float: left;
	height: 24px;
	padding-left: 10px;
	background: url(../images/btn_basic.gif) 0 0 no-repeat
}
.btns span img {
	float: left;
	margin: -2px 2px 0 -2px
}
.btns a:hover {
	text-decoration: none;
	background-position: 100% -48px
}
.btns a:hover span {
	background-position: 0 -48px
}
.btns .group_box {
	margin-top: -1px
}
.btn_area_foot .group_box {
	display: block;
	float: left;
	position: absolute;
	top: auto;
	left: 0;
	bottom: 23px;
	width: 173px;
	height: auto;
	padding: 0;
	background-color: #fff;
	border: 1px solid #555
}
	
	
	.section_r{float:right;} .section_r:after {content:'';clear:both;display: block;}
	.section_r ul {float:left;}
	.btn_icons li.btn_divider{width:1px;background:#a4a4a4;border-right:1px solid #eeeeee;height:22px;}
		
	.lst_option li{float:left;} .lst_option:after{content:'';clear:both;display: block;}
	.lst_option select {height:24px;margin-right:5px;}
	.btn_icons {margin-left:2px;}
	.btn_icons li{float:left;margin-right:7px;} .btn_icons:after{content:'';clear:both;display: block;}
	.btn_icons li:last-child{margin:0;}
	.btn_icons li a {background:url(../images/bg_btn_icons.gif) 0 0 no-repeat;padding:4px;display: inline-block;float:left;}
	.btn_icons .btn_lft{background:url(../images/btn_basic_l.gif) 0 0 no-repeat;border-right:1px solid #9b9b9b;}
	.btn_icons li.group{margin-left:-7px;}
	.btn_icons li.group a{background:url(../images/btn_basic_r.gif) 100% 0 no-repeat;} 
	*/
	
/*button bar end*/

/*list start*/
.content_lst {clear:both; width:100%;}
.content_lst.no_btn {border-top:1px solid #ccc;}
.content_lst th {height:18px;background:url(../images/bg_addr_th.gif) top repeat-x;padding:6px 5px 4px 6px;font-size:12px;font-weight:900;color:#555;border-left:1px solid #ddd;text-align:left;}
.content_lst td {height:24px;border-top:1px solid #eee;vertical-align: middle;padding:2px 5px 1px 5px;}
.content_lst td a{color:#444;line-height:24px;}
.content_lst td a:hover{color:#0066CC;}
.content_lst tbody tr:first-child td{border-color:#ddd;}
.content_lst tbody tr:hover{background-color:#F4FFFF;}
.content_lst th.cen {text-align:center;}
.content_lst th.input_chk {padding:0;}
.content_lst th .inchk{margin-left:10px;}
.content_lst th a {color:#555;}
.content_lst th a.descend {background:url(../images/order_arr.gif) right 1px no-repeat;padding-right:9px;color:#555;}
.content_lst th a.ascendent {background:url(../images/order_arr.gif) right -14px no-repeat;padding-right:9px;color:#555;}
.content_lst th a:hover{text-decoration: none;}
.content_lst th img{margin-top:-1px;margin-left:-1px;}


/*

	.content_lst {width:100%;border-bottom:2px solid #c5c5c5;}
	.content_lst th {border:1px solid #dddddd;height:28px;background:#f5f5f5;}
	.content_lst th:first-child {border-left:none;}
	.content_lst th:last-child {border-right:none;}
	.content_lst tr {height:27px;border-bottom:1px solid #eeeeee;}
	.content_lst tbody tr:last-child {}
	.content_lst td {padding:0 3px;}
	.content_lst a{color:#333;}
	*/

/*list end*/
.input_chk {text-align:center;}


/*pagination start*/
.paginate_area {clear:both;_display: inline-block;border-top:2px solid #C5C5C5;padding:10px;}
.Paginate {float:right;position:relative;left:-45%;margin:0;padding-top:1px;}
.Paginate span, .Paginate img, .Paginate input, .Paginate .css_arr{float:left;margin-left:3px;position:relative;left:50%;margin-right:0;color:#777777;cursor:default;}
.Paginate span.num {display:block;height:14px;padding:4px 6px;border:1px solid #ddd;background:#eee;color:#777;cursor:default;}
.Paginate a span.num:hover {border:1px solid #bbb;background:#bbb;color:#222;cursor:pointer;}
.Paginate span.num.now {background:#bbb;border:1px solid #bbb;color:#222;}
.Paginate span.num.txt {padding:4px 10px;letter-spacing: 1px;}
.Paginate .css_arr {display:block; overflow:hidden;width:20px;height:22px;border:1px solid #ddd;background:#eee;color:#777;text-align:center;}
.Paginate span.arr_l, .Paginate span.arr_r {width:0;height:0;margin-top:6px;margin-left:-3px;}
.Paginate span.arr_l {border-bottom:5px solid #eee;border-top:5px solid #eee;border-right:8px solid #777;}
.Paginate span.arr_r {border-bottom:5px solid #eee;border-top:5px solid #eee;border-left:8px solid #777;}
.Paginate a.css_arr:hover {border:1px solid #bbb;background:#bbb;color:#222;cursor:pointer;}
.Paginate a.css_arr:hover span.arr_l {border-bottom:5px solid #bbb; border-top:5px solid #bbb; border-right:8px solid #555;}
.Paginate a.css_arr:hover span.arr_r {border-bottom:5px solid #bbb; border-top:5px solid #bbb; border-left:8px solid #555;}
.Paginate .inp_txt {width:30px;height:17px;padding:3px;padding-bottom:2px;margin-left:25px;margin-top:0;text-align:right;}
.Paginate .page_all {margin-right:5px;line-height:26px;}

.paginate_area2{margin:40px auto;width:100%;text-align:center;}
.Paginate2 {display: inline-block;}
.Paginate2 span,.Paginate2 .css_arr2{float:left;margin-left:3px;margin-right:0;letter-spacing: 1px;}
.Paginate2 input{float:left;margin-left:25px;margin-right:0;width:23px;text-align:right;color:#777777}
.Paginate2 .css_arr2 {float:left;}
.Paginate2 .page_all2 {line-height:2.5;color:#777777}
.Paginate2 .num2{padding:4px 6px;background:#eeeeee;border:1px solid #dddddd;color:#777777;cursor:default;}
.Paginate2 .num2:hover{background:#bbb;color:#222;cursor:pointer;}
.Paginate2 .num2.now2 {background:#bbbbbd;color:#252142;cursor:default;}
.Paginate2 .num2.txt2 {padding:4px 10px;}
.Paginate2 .css_arr2 {width:20px;height:18px;background:#eeeeee;border:1px solid #dddddd;color:#777777;padding-top:5px;}
.Paginate2 .css_arr2 .arr_l2{width:0;height:0;border-color:transparent #777 transparent transparent; border-width:7px;border-style:solid;margin:0;}
.Paginate2 .css_arr2 .arr_r2{width:0;height:0;border-color:transparent transparent transparent #777; border-width:7px;border-style:solid;margin-left:7px;}
.Paginate2 a.css_arr2:hover{background:#bbb;color:#222;cursor:pointer;}

 

/*// popup soms//*/
.popup {width:856px; height:auto; position:absolute; left:212px; top:125px; padding:15px; z-index: 1002;background-color:#fff;}
.popup_ttl {color:#444; font-weight:bold; font-size:1.3em; padding-bottom:28px;}
.popup_close {width:18px; height:18px; background:url(../images/close.png) 0 0 no-repeat;display:inline-block;float:right;}
	.popup_close:hover {background:url(../images/close.png) -20px 0 no-repeat;}
	.popup_close:active {background:url(../images/close.png) -40px 0 no-repeat;}
	
.popup_snb_fd {color:#000; font-weight:bold;padding-left:12px; padding-bottom:35px;}
.popup_snb_fd li {display:inline-block; text-align:right;}
.popup_snb_fd li:first-child {width:81px;}
.popup_snb_fd li:nth-child(2) {width:225px;}
.popup_snb_fd li:nth-child(3) {width:97px;}
.popup_snb_fd li:nth-child(4) {width:310px;}
.popup_snb_fd li:nth-child(5) {width:90px;}

.popup_snb_add {color:#000; font-weight:bold;padding-left:12px; padding-bottom:35px;}
.popup_snb_add li {display:inline-block; text-align:center;}
.popup_snb_add li:first-child {width:120px;}

.popup_list_ctt {text-align:center; border-bottom:1px #aaa dotted; line-height:3em;}

.popup_find_list:hover {background:#def;}
.popup_find_ttl li, .popup_find_list li {display:inline-block;line-height:1.2em; color:#000000;}
.popup_find_ttl li:first-child, .popup_find_list li:first-child {width:75px; }
.popup_find_ttl li:nth-child(2), .popup_find_list li:nth-child(2) {width:69px; }
.popup_find_ttl li:nth-child(3), .popup_find_list li:nth-child(3) {width:53px; }
.popup_find_ttl li:nth-child(4), .popup_find_list li:nth-child(4) {width:52px;}
.popup_find_ttl li:nth-child(5), .popup_find_list li:nth-child(5) {width:87px;}
.popup_find_ttl li:nth-child(6), .popup_find_list li:nth-child(6) {width:97px;}
.popup_find_ttl li:nth-child(7), .popup_find_list li:nth-child(7) {width:100px; }
.popup_find_ttl li:nth-child(8), .popup_find_list li:nth-child(8) {width:100px;}
.popup_find_ttl li:nth-child(9), .popup_find_list li:nth-child(9) {width:75px;}
.popup_find_ttl li:nth-child(10), .popup_find_list li:nth-child(10) {width:110px;}

.popup_add_list:hover {background:#def;}
.popup_add_ttl li, .popup_add_list li {display:inline-block;line-height:1.2em; color:#000000;}
.popup_add_ttl li:first-child, .popup_add_list li:first-child {width:44px; }
.popup_add_ttl li:nth-child(2), .popup_add_list li:nth-child(2) {width:144px; }
.popup_add_ttl li:nth-child(3), .popup_add_list li:nth-child(3) {width:255px; }
.popup_add_ttl li:nth-child(4), .popup_add_list li:nth-child(4) {width:215px;}
.popup_add_ttl li:nth-child(5), .popup_add_list li:nth-child(5) {width:155px;}

.popup_insp_list li {display:inline-block;line-height:1.2em; color:#000000;}
.popup_insp_list li:first-child {width:106px; text-align:center;}
.popup_insp_list li:nth-child(2) {width:518px; text-align:left;}
.popup_insp_list li:nth-child(3) {width:206px; text-align:center;}

.popup_insp_list .popup_chckbox_wrap li{width:60px; display: inline-block; text-align:center;}
/*
.popup_insp_list .popup_chckbox_wrap .popup_chckbox {opacity:1; box-shadow:none; border-width: 1px; border-style: solid; border-radius: 4px; box-shadow: inset 0px 1px 2px rgba(250,250,250,0.6);
		background:#e3f1ff; color:#1f79a5;border-color: #c2c3c3  #a5abae #9ba5aa #bcbdbd; 
	 	background-image: linear-gradient(top,#e7f3ff 0, #c7dff3 100%);
		background-image: -o-linear-gradient(top, #e7f3ff 0, #c7dff3 100%);
		background-image: -moz-linear-gradient(top,#e7f3ff 0, #c7dff3 100%);
		background-image: -ms-linear-gradient(top, #e7f3ff 0, #c7dff3 100%);
		background-image: -webkit-linear-gradient(top, #e7f3ff 0, #c7dff3 100%);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e7f3ff),color-stop(1, #c7dff3) );
		filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#e7f3ff,endColorstr=#c7dff3,GradientType=0);}*/
.popup_insp_list .popup_chckbox_wrap .popup_chckbox {
	/*
	 height: 1.2em;
		width: 1.2em;
		vertical-align: middle;
		margin: 0 0.4em 0.4em 0;
		border: 1px solid #bbb;
		background: -webkit-linear-gradient(#FCFCFC, #DADADA);
		-webkit-appearance: none;
		-webkit-transition: box-shadow 200ms;
		 box-shadow:inset 1px 1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1);*/
	border:0px solid #bbb;
}

.popup_list_bottom {border-bottom:1px #ccc solid; margin-bottom:60px;}
.popup_btn {text-align:center;}
.popup_print_wrap {width:100%; height:24px;padding-top:12px;}
.popup_print {background:url(../images/print.png) 0 0 no-repeat; width:18px; height:18px;margin-right:10px;float:right;display: inline-block;}

.popup_insp_th {width:125px; display: inline-block;line-height:2em; font-weight:bold;text-align:right;}
.popup_insp_td {width:260px; display: inline-block;line-height:2em; padding-left:3em;}

.popup_bg {z-index:1001;background-color:#ccc; opacity: 0.8; position:fixed; left:0px; top:0px; width:100%; height:100%;}



/*popup_basic80*/
/***** Popup *****/
/*

#pop_wrap {}
#pop_container {width:550px;height:120px;background:#fff url(../images/bg_title.gif) repeat-x top;position:relative;}
#pop_container:after {content:'';clear:both;display: block;}
#pop_container h1 {float:left;position:relative;font:15px 'Malgun Gothic';color:#fff;}
#pop_container h1 p {height: 35px; padding: 0 25px; overflow: hidden; background: url(../images/bul_pop_title.gif) no-repeat 12px 12px;
font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif; font-size: 13px; color: #fff; font-weight: bold; line-height: 35px}
#pop_contents {width:530px;height:30px;display:inline-block;position:relative;margin:10px;padding-bottom:0;}
.pop_pw span{margin-right:20px;}
.footcen {}
.footcen .btns{	float: right; position: relative; left: -50%; margin: 0;}
.footcen .btns li{ float: left;	position: relative;	left: 50% }


.basic_table {
	table-layout:fixed;
	border: 1px solid #d5d5d5;
	border-top: 0;
	border-right: 0
}
.basic_table th, .basic_table td {
	height: 22px;
	padding: 3px 5px;
	border-top: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	line-height: 22px
}
.basic_table th {
	background-color: #f5f5f5;
	font-weight: normal;
	text-align: center;
	color: #666
}

*/


/* 편지쓰기 */
#pop_wrap {background:url(../images/bg_title.gif) repeat-x top;width:100%;height:100%;min-width:780px;}
#pop_wrap h1 p{background:url(../images/bul_pop_title.gif) no-repeat 12px 12px;width:100%;padding:0 24px;height:32px;color:#fff;font-size:12px;line-height:2.7;}
#pop_wrap .btn_area {background:url(../images/bg_btntop.gif);}

#pop_container {padding:15px;background:#fff;}
#pop_container .contents {width:100%;height:100%;}
#pop_container .basic_table th{height:28px;border:1px solid #d5d5d5; font-family:sans-serif,'나눔고딕','NanumGothic';color:#777;background:#f5f5f5;font-weight:normal;}
#pop_container .basic_table th.btntitle {background:#dddddd;}
#pop_container .basic_table th.btntitle a{background:#ddd;border:1px solid #fff;height:26px;display:block;line-height:2.3;}
#pop_container .basic_table th.btntitle span.arr_r {width:0;height:0;border-color:transparent transparent transparent #777777; border-width:7px;border-style:solid;float:right;margin-top:5px;margin-right:6px;}
#pop_container .basic_table th a {color:#777;}
#pop_container .basic_table td {border:1px solid #d5d5d5;height:28px;}
#pop_container .basic_table td {padding-left:5px;}
#pop_container .basic_table td input {border:1px solid #c4d2db;background:#fff;height:20px;}

.attri {background:#f5f5f5;height:32px;}
.attri label,input[type='checkbox'] {cursor:pointer;vertical-align: middle;}
.attri input[type='text'] {vertical-align: middle;}
.attri .inp_raochk {margin-right:15px;}
.attri #select_signature {float:right;margin-top:2px;margin-right:5px;}
.attri .dateset {display:inline-block;}
.attri .datentime select {vertical-align: middle;}
.attri .datentime a {margin-left:-4px;}



.write_area {width:100%;height:320px;border:1px solid #d4d4d4;background:#f9f9f9;margin:10px 0;}

.attach {width:100%;border:1px solid #bbbbbb;}
.attach .attach_add {background:url(../images/add_attachment.gif) top left no-repeat;color:#444444;width:70px;height:17px;display: inline-block;text-align: center;padding-left:10px;padding-top:3px;float:left;font-weight:500;margin-left:5px;}
.attach tr:first-child{background:#dddddd;height:28px;}
.attach table {width:100%;}
.attach table .theader {height:22px; }
.attach table .theader th{background:#f3f4f6;border-right:1px solid #dddddd;color:#888888;}
.attach table .theader th:first-child {width:70%;}
.attach table .theader th:last-child {width:30%;}
.attach table td {padding:4px 6px 5px;}
.attach table td a{color:#434343;}
.attach table td.file_size {color:#9a9a9c;font-size:11px;vertical-align: bottom;float:right;}
.attach table .file_size .del_file {background:url(../images/btn_del.gif) 0 0 no-repeat;width:17px;height:16px;display: inline-block;vertical-align: middle;margin-left:5px;}






